@import "src/styles/variable.scss";

.routes-wrapper {
    width: 100%;
    height: 100%;

    .spin-loading {
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .navigation-bar,
    .menu-bar {
        position: fixed;
        width: 100%;
        // bottom: 0;
        left: 0;
        // border-top: 2px solid $borderGray;
    }

    .menu-bar {
        top: 0;
        .home-pop {
            .adm-popup-body {
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                font-size: 16px;
                padding: 8px;
                background-color: $modalBackgroundGary;
                .adm-popup-body-position-bottom .adm-popup-close-icon {
                    top: 12px;
                }
                h2 {
                    text-align: center;
                }
                .list {
                    height: calc(100% - 46px);
                    padding: 10px;
                    border-radius: 20px;
                    background: #fff;
                    overflow-y: scroll;
                    .list-item {
                        padding: 10px;
                        border-bottom: 1px solid #ccc;
                    }
                }
            }
        }
    }
}
